<template>
  <div class="my-container">
    <van-sticky>
      <van-row class="header">
        <van-nav-bar left-text="返回" left-arrow @click-left="onClickLeft">
        </van-nav-bar>
         <img
          width="100%"
          height="160"
          src="../../static/hlbobing.png"/>
      </van-row>
      <div class="div-notice">
         <van-notice-bar class="notice-bar" left-icon="volume-o" :text="message" />
      </div>
    </van-sticky>
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
      <van-list
        v-model="loading"
        :finished="finished"
        finished-text="没有更多了"
        @load="onLoad"
      >
        <div class="integral-header"></div>
        <van-cell :key="index" v-for="(item, index) in prizes">
          <div class="my-row">
            <div class="row-left">
              <van-image
                :key="imgIndex"
                :src="imgItem"
                v-for="(imgItem, imgIndex) in item.imageSource"
              >
              </van-image>
            </div>
            <div class="row-right">
              <van-tag size="large" type="warning">{{ item.prizeName }}</van-tag>
              <van-tag type="danger" size="large"
                >积分:{{ item.integral }}</van-tag
              >
            </div>
          </div>
        </van-cell>
      </van-list>
    </van-pull-refresh>
    <div class="row-footer"></div>
  </div>
</template>
<script src="./my.js">
</script>
<style lang="scss" scoped>
@import "./my.scss";
</style>